<!DOCTYPE html>
<html>
    <head>
        <title>天猫首页</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="images/shortcut.png" rel="shortcut icon" type="image/x-icon"/> <!-- 设置标题图标 -->
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
    <body>

        <div class="container">

            <div class="top">
                <div class="top_left"><img src="images/tmall.png" alt="天猫logo"></div>
                <div class="top_right"><h1>欢迎来到天猫，理想生活上天猫......</h1></div>
            </div>

            <hr>
            <p class="text-success">* 程序使用四种会话技术实现简单购物车功能，将购物车列表存储在了会话中。程序需要使用数据库中的Product表，具体内容请参考各个Servlet或页面的代码和注释</p>

            <hr>
            <h3>最新促销</h3>

            <ul class="proList">
                <li>
                    <!-- URL 重写                    -->
                    <a href="ps?pid=P001" class="img-rounded img-thumbnail">
                        <img src="images/P001.jpg" alt="卫龙辣条"/><hr>
                        卫龙辣条，你值得拥有
                    </a>
                </li>
                <li>
                    <a href="ps?pid=P002" class="img-rounded img-thumbnail">
                        <img src="images/P002.jpg" alt="卫龙辣条"/><hr>
                        青岛大虾，不一样的大虾
                    </a>
                </li>
                <li>
                    <a href="ps?pid=P003" class="img-rounded img-thumbnail">
                        <img src="images/P003.jpg" alt="卫龙辣条"/><hr>
                        四级真题，600包过
                    </a>
                </li>
                <li>
                    <a href="ps?pid=P004" class="img-rounded img-thumbnail">
                        <img src="images/P004.jpg" alt="卫龙辣条"/><hr>
                        快乐肥宅水，你今天快乐了吗？
                    </a>
                </li>
            </ul>

            <br>
            <a href="cart.jsp" class="cartImg">
                查看购物车<img src="images/cart.png" alt="购物车"/>
            </a>
            <br>
            <br>
        </div>
    </body>
</html>
